<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" isELIgnored="false" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
	<!-- 包含公共的JSP代码片段 -->
	<%
		String path = request.getRequestURI();
		String basePath = request.getScheme() + "://"
				+ request.getServerName() + ":" + request.getServerPort()
				+ path;
	%>
	<base href="<%=basePath%>">
	<title>无线点餐平台</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<script type="text/javascript" src="style/js/jquery.js"></script>
	<script type="text/javascript" src="style/js/page_common.js"></script>
	<link rel="stylesheet" type="text/css" href="style/css/index_1.css" />
</head>
<style>
	.top{
		width: 100%;
		height: 15%;
	}
	.topnav{
		width: 96%;
		height: 50px;
		margin: 0 auto;

		border-bottom: 1px solid gainsboro;
	}
	.topnav span{
		position: relative;
		font-size: 16px;
		left: 0;
		top: 15px;
		color: grey;
	}
	.topnav spam{
		color: black;
	}
	.froma{

		width: 96%;
		margin: 0 auto;
		margin-top: 20px;
	}
	.froma button{

		background-color: #009688;
		border: 0;
		height: 30px;
		width: 50px;
	}
	.froma input{
		height: 30px;
		width: 180px;
	}
	.botom{
		width: 96%;
		height: 85%;
		margin: 0 auto;
	}
	.tab{
		border: 1px grey solid;
	}
	.tab td{
		border: 1px #e6e6e6 solid;
		color: #666;
		height: 42px;
		width: 540px;
	}
	#TableTitle{
		background-color: #F2F2F2;
	}
	a:hover{
		text-decoration: none;
	}
	#footer li{
		width: 35px;
		height: 35px;
		position: relative;
		top: 10px;
	}
	.FunctionButton{
		display: inline-block;
		width: 60px;
		height: 35px;
		background-color: #009688;
		border: 0;
		color: white;
		line-height: 35px;
		text-align: center;
		position: relative;
		top: 5px;
		text-decoration: none;
		font-size: 14px;
	}
	.FunctionButton:hover{
		text-decoration: none;
		color: white;
	}
</style>
<body>

<!-- 页面标题 -->
<div class="top">
	<div class="topnav">
		<span>系统设置— 管理员设置— <spam>权限列表</spam></span>
	</div>
</div>
<div class="botom">
	<table class="tab">
		<thead>
		<tr align="center" valign="middle" id="TableTitle">
			<td>商品名称</td>
			<td>商品价格</td>
			<td>商品数量</td>
			<td>商品预览</td>
		</tr>
		</thead>
		<!--显示数据列表 -->
		<tbody id="TableData">
		<c:forEach items="${bGFoodsDetail}" var="detail">
			<tr height="60" align="center">
				<td>${detail.name}</td>
				<td>${detail.money}</td>
				<td>${detail.number}</td>
				<td><img src="${detail.photo}" style="width: 50px;height: 50px"></td>
			</tr>
		</c:forEach>

		</tbody>
		<div id="footer" align="center">
			<ul class="pagination" style="margin:-5px 0;">
				<c:forEach var="i" begin="1" end="${page}" step="1">
					<c:if test="${i==param.page}">
						<li class="active"><a href="/foods.let?type=bgFindAll&pageIndex=${i}">${i}</a></li>
					</c:if>
					<c:if test="${i!=param.page}">
						<li><a href="/foods.let?type=bgFindAll&pageIndex=${i}">${i}</a></li>
					</c:if>
				</c:forEach>
			</ul>
		</div>
	</table>
	<div id="TableTail" align="center">
		<a href="javascript:history.go(-1);" class="FunctionButton">返回</a>
	</div>
</div>
<%--	<!-- 页面标题 -->--%>
<%--	<div id="TitleArea">--%>
<%--		<div id="TitleArea_Head"></div>--%>
<%--		<div id="TitleArea_Title">--%>
<%--			<div id="TitleArea_Title_Content">--%>
<%--				<img border="0" width="13" height="13"--%>
<%--					src="style/css/img/title_arrow.gif" /> 订单菜品列表--%>
<%--			</div>--%>
<%--		</div>--%>
<%--		<div id="TitleArea_End"></div>--%>
<%--	</div>--%>

<%--	<!-- 主内容区域（数据列表或表单显示） -->--%>
<%--	<div id="MainArea">--%>
<%--		<table class="MainArea_Content" align="center" cellspacing="0" cellpadding="0">--%>
<%--			<!-- 表头-->--%>
<%--			<thead>--%>
<%--				<tr align="center" valign="middle" id="TableTitle">--%>

<%--				</tr>--%>
<%--			</thead>--%>
<%--			<!--显示数据列表 -->--%>
<%--			<tbody id="TableData">--%>

<%--			</tbody>--%>
<%--		</table>--%>
<%--		<!-- 其他功能超链接 -->--%>

<%--	</div>--%>
</body>
</html>
